<template>
  <div>
    <!-- 头部 -->
    <div style="height: 46px">
      <van-nav-bar
        :title="title"
        left-arrow
        @click-left="$router.go(-1)"
        z-index="999"
      />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {}
  },
  props: {
    title: {
      type: String,
      default: '标题'
    }
  },
  methods: {}
}
</script>

<style scoped lang="less">
.van-nav-bar {
  position: relative;
  height: 46px;
  /deep/ .van-nav-bar__content {
    background-color: #21b97a;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
  /deep/.van-nav-bar__title,
  /deep/ .van-icon-arrow-left:before {
    color: #fff;
  }
}
</style>
